.nav-item {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
  &:first-child{
    margin-left: 0;
  }
  &.show {
    .nav-item__child {
      display: block;
    }
  }
  &__child {
    display: none;
    padding: 5px 10px;
  }
}
@media (max-width: 719px) {
    .navbar{
      padding-left: 5px;
      padding-right: 0;
      .can-hide {
        display: none
      }
      .links {
        padding-left: 1.5rem
      }
    }
    .nav-menu{
      display: inline-block;
    }
}